<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米账户登录</title>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2877570_w7t544mz6d.css">
    <link rel="stylesheet" href="../css/passworld.css">
</head>
<body>
    <div class="s-login">
        <div class="l-left">
            <img src="../images/banner.4994397e.jpg" alt="">
        </div>
        <div class="l-right">
            <div class="l-top">
                <div class="l-t-left">
                    <p>
                        <span class="iconfont icon-icon-xiaomiguishu"></span>
                        
                        <strong>小米账户</strong>
                    </p>
                </div>
                <div class="l-t-right">
                    <p><span>用户协议</span><span>隐私政策</span><span>帮助中心</span>|<span class="china">中文(简体) <i></i></span></p>
                </div>
            </div>
            <div class="l-con">
                <div class="l-content">
                    <h2>登录<span>注册</span></h2>
                    <form class="l-c-login">
                        <span class="error">用户名或密码错误 ! ^_^</span>
                        <input class="username" type="text" placeholder="邮箱/手机号码/小米ID">
                        <input class="password" type="text" placeholder="密码">
                        <!-- <p class="p-3"> <input style="width: 30px;" type="checkbox"> 已阅读并同意小米账户 <a href="#">用户协议</a>&nbsp;和&nbsp;<a href="#">隐私政策</a></p> -->
                        <button class="p-5">登录</button>
                    </form> 
                    <div class="p-6">
                        <span><a href="#">忘记账号？</a></span>
                        <span><a href="../views/phoneLogin.html">手机号登录</a></span>
                    </div>
                    <div class="p-7">
                        <p>其他方式登录</p>
                        
                        <div >
                            <a class="iconfont icon-zhifubao" href="#"></a>
                            <a class="iconfont icon-weixin" href="#"></a>
                            <a class="iconfont icon-qq" href="#"></a>
                            <a class="iconfont icon-weibo" href="#"></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="l-foot">
                <p>小米公司版权所有-京ICP备10046444-京公网安备1010802020134号-京ICP证110507号
                </p>
            </div>
        </div>
    </div>
    <script src="../js/passwordlogin.js"></script>
</body>
</html>